<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome to Pandemic!</title>
<style>
body {
	background-image: url("Images/background.png");
	background-size: cover;
}

.pos {
	position: relative;
	top: 100px;
}

.text {
	text-align: center;
}
</style>
</head>
<body>
	<h1 align="center">Welcome to Pandemic!</h1>
	<div class="pos">
		<form method="post" action="/Pandemic/LoginHandler">

			<table align="center">
				<tr>
					<td><b>Username:</b></td>
					<td><input name="username" type="text" style="width: 150px "></td>
				</tr>
				<tr>
					<td><b>Password:</b></td>
					<td><input name="password" type="password" style="width: 150px "></td>
				</tr>
				<tr>
					<td></td>
					<td><input name="Login" type="submit" value="Log in"></td>
				</tr>
			</table>
			<br>
			<div class="text"><b>
			<%=request.getAttribute("LoginMessage") == null ? ""
					: request.getAttribute("LoginMessage")%>
			</b></div>

		</form>
		<br>
		<form method="post" action="/Pandemic/RegistrationHandler">

			<table align="center">
				<tr>
					<td><b>Username:</b></td>
					<td><input name="usernameReg" type="text" style="width: 150px"></td>
				</tr>
				<tr>
					<td><b>Email:</b></td>
					<td><input name="emailReg" type="text" style="width: 150px"></td>
				</tr>
				<tr>
					<td><b>Password:</b></td>
					<td><input name="passwordReg" type="password" style="width: 150px"></td>
				</tr>
				<tr>
					<td><b>Password:</b></td>
					<td><input name="passwordReg2" type="password" style="width: 150px"></td>
				</tr>
				<tr>
					<td></td>
					<td><input name="Register" type="submit" value="Register"></td>
				</tr>
			</table>
			<div class="text">
			<br>
			<b>
				<%=request.getAttribute("RegistrationInputMessage") == null ? ""
					: request.getAttribute("RegistrationInputMessage")%>

				<%=request.getAttribute("RegistrationUserMessage") == null ? ""
					: request.getAttribute("RegistrationUserMessage")%>
			</b>
			</div>
		</form>
	</div>
	
</body>
</html>